<div id="contenedor" class="container"> 
    <div class="row-fluid">
        <ul class="span12 breadcrumb alingCenter">
            <h4>Categoría: <?= $nombreCategoria ?></h4>
        </ul>
    </div>
    <div class="row-fluid">
        <ul class="span12 breadcrumb alingCenter">
            <li>Configure aquí los productos y servicios que ofrece el establecimiento para esta categoría</li>
        </ul>
    </div>

    <!--    <div class="row-fluid">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a>Productos y servicios</a>
                </li>
                <li><a href="">Dotación del hotel</a></li>
            </ul>
        </div>-->
    <?php if ($tiene_inventario == 1) { ?>
        <div class="row-fluid">
            <a href="<?= base_url() ?>productosyservicios" class="btn btn-success"><i class="icon-arrow-left icon-white"></i> Ver categorias</a> <br><br>

            <button id="botonNuevoProducto" href="#modalNuevoProducto" data-toggle="modal" class="btn btn-primary">Nuevo producto</button>
        </div>
        <br>
        <div class="row-fluid">
            <table id="tablaProducto" class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th>Descripción</th>
                        <th>Tarifa</th>
                        <th>Inventario actual</th>
                        <th>Opciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($productos as $row) { ?>
                        <tr>
                            <td><?= $row->nombre ?></td>
                            <td><?= $row->descripcion ?></td>
                            <td><?= $moneda . number_format($row->valor, 2, ".", ","); ?></td>
                            <td><?= $row->cantidad_actual; ?> <button class="btn btn-primary btn-mini editarInventario" title="Modificar" href="#modalEditarInventario" data-toggle="modal" data-idproductoservicio="<?= $row->id_servicio ?>"  data-nombre="<?= $row->nombre ?>" data-cantidadactual="<?= $row->cantidad_actual ?>">Modificar</button> <button class="btn btn-primary btn-mini verHistorial" title="Historial del inventario" href="#modalHistorialInventario" data-toggle="modal" data-nombre="<?= $row->nombre ?>"  data-idproductoservicio="<?= $row->id_servicio ?>">Historial</button></td>
                            <td><button class="btn btn-primary  btn-mini editar" title="Editar" href="#modalEditarProducto" data-toggle="modal" data-idproductoservicio="<?= $row->id_servicio ?>" data-nombre="<?= $row->nombre ?>" data-descripcion="<?= $row->descripcion ?>" data-valor="<?= $row->valor ?>">Editar</button>
                                <button class="btn btn-danger btn-mini eliminar" title="Eliminar" href="#modalEliminarProducto" data-toggle="modal" data-idproductoservicio="<?= $row->id_servicio ?>"><i class="icon-remove icon-white"></i></button></td>

                        </tr>
                    <?php } ?>
                </tbody>
            </table>
        </div>

        <!-- Modal nuevo producto -->
        <div id="modalNuevoProducto" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>Nuevo producto</h3>
            </div>
            <form id="formNuevoProducto" action="<?= base_url() ?>productosyservicios/crearproducto/<?= $idCategoria ?>" method="POST" class="formBlockDisplay">
                <div class="modal-body">
                    <div class="row-fluid">
                        <div class="span4 text-right">Nombre:</div>
                        <div class="span8"><input name="nombre" type="text" required></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Tarifa:</div>
                        <div class="span8"><input name="tarifa" class="money" type="text" required></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Cantidad actual:</div>
                        <div class="span8"><input name="cantidadActual" type="number" required></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Descripción:</div>
                        <div class="span8"><textarea name="descripcion" rows="4"></textarea></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Enviar</button>
                </div>
            </form>
        </div>

        <!-- Modal editar producto -->
        <div id="modalEditarProducto" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>Editar producto</h3>
            </div>
            <form id="formEditarProducto" action="<?= base_url() ?>productosyservicios/editarproducto/<?= $idCategoria ?>" method="POST" class="formBlockDisplay">
                <input id="idProductoEditar" name="idProducto" type="hidden">
                <div class="modal-body">
                    <div class="row-fluid">
                        <div class="span4 text-right">Nombre:</div>
                        <div class="span8"><input id="nombreProductoEditar" name="nombre" type="text" required></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Tarifa:</div>
                        <div class="span8"><input id="tarifaProductoEditar" name="tarifa" type="text" required></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Descripción:</div>
                        <div class="span8"><textarea id="descripcionProductoEditar" name="descripcion" rows="4"></textarea></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Enviar</button>
                </div>
            </form>
        </div>

        <!-- Modal eliminar producto -->
        <div id="modalEliminarProducto" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>Eliminar categoría</h3>
            </div>
            <form id="formEliminarProducto" action="<?= base_url() ?>productosyservicios/eliminarproducto/<?= $idCategoria ?>" method="POST" class="formBlockDisplay">
                <input id="idProductoEliminar" name="idProducto" type="hidden">
                <div class="modal-body">
                    ¿Esta seguro de eliminar esté producto?
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Enviar</button>
                </div>
            </form>
        </div>

        <!-- Modal editar inventario -->
        <div id="modalEditarInventario" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>Editar inventario</h3>
            </div>
            <form id="formEditarInventario" action="<?= base_url() ?>productosyservicios/editarinventarioproducto/<?= $idCategoria ?>" method="POST" class="formBlockDisplay">
                <input id="idProductoEditarInventario" name="idProducto" type="hidden">
                <div class="modal-body">
                    <div class="row-fluid">
                        <div class="span4 text-right">Nombre:</div>
                        <div class="span8"><input id="nombreProductoInventarioEditar" name="nombre" type="text" readonly></div>
                    </div>
                    <div class="row-fluid"> 
                        <div class="span4">
                            <label class="pull-right">Fecha:</label>
                        </div>                
                        <div class="span8">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input id="fechaActual" type="text" class="input-small" name="fecha" readonly> 
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Cantidad actual:</div>
                        <div class="span8"><input id="cantidadEditarInventario" name="cantidad" type="number" readonly></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Ajuste:</div>
                        <div class="span8"><input id="ajusteEditarInventario" name="ajuste" type="number" required>
                            <p class="text-error"><small>Si es un decremento usar el signo -</small></p></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Descripción:</div>
                        <div class="span8"><textarea id="descripcionEditarInventario" name="descripcion" rows="4"></textarea></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Enviar</button>
                </div>
            </form>
        </div>

        <!-- Modal historial inventario -->
        <div id="modalHistorialInventario" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>Historial del inventario</h3>
            </div>
            <div class="modal-body">
                <div class="row-fluid">
                    <h4>Producto: <span id="nombreDelProducto"></span> </h4>
                </div>
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Fecha</th>
                            <th>descripción</th>
                            <th>Ajuste</th>
                        </tr>
                    </thead>
                    <tbody id="listaModificacionesHistorial">
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
            </div>
        </div>
    <?php } else { ?>
        <div class="row-fluid">
            <a href="<?= base_url() ?>productosyservicios" class="btn btn-success"><i class="icon-arrow-left icon-white"></i> Ver categorias</a> <br><br>

            <button id="botonNuevoServicio" href="#modalNuevoServicio" data-toggle="modal" class="btn btn-primary">Nuevo servicio</button>
        </div>
        <br>
        <div class="row-fluid">
            <table id="tablaServicio" class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>Servicio</th>
                        <th>Descripción</th>
                        <th>Tarifa</th>
                        <th>Opciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($productos as $row) { ?>
                        <tr>
                            <td><?= $row->nombre ?></td>
                            <td><?= $row->descripcion ?></td>
                            <td><?= $moneda . number_format($row->valor, 2, ".", ","); ?></td>
                            <td><button class="btn btn-primary  btn-mini editar" title="Editar" href="#modalEditarServicio" data-toggle="modal" data-idproductoservicio="<?= $row->id_servicio ?>" data-nombre="<?= $row->nombre ?>" data-descripcion="<?= $row->descripcion ?>" data-valor="<?= $row->valor ?>" data-cantidadactual="<?= $row->cantidad_actual ?>">Editar</button>
                                <button class="btn btn-danger btn-mini eliminar" title="Eliminar" href="#modalEliminarServicio" data-toggle="modal" data-idproductoservicio="<?= $row->id_servicio ?>"><i class="icon-remove icon-white"></i></button></td>

                        </tr>
                    <?php } ?>
                </tbody>
            </table>
        </div>

        <!-- Modal nuevo servicio -->
        <div id="modalNuevoServicio" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>Nuevo servicio</h3>
            </div>
            <form id="formNuevoServicio" action="<?= base_url() ?>productosyservicios/crearservicio/<?= $idCategoria ?>" method="POST" class="formBlockDisplay">
                <div class="modal-body">
                    <div class="row-fluid">
                        <div class="span4 text-right">Nombre:</div>
                        <div class="span8"><input name="nombre" type="text" required></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Tarifa:</div>
                        <div class="span8"><input name="tarifa" type="text" required></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Descripción:</div>
                        <div class="span8"><textarea name="descripcion" rows="4"></textarea></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Enviar</button>
                </div>
            </form>
        </div>

        <!-- Modal editar servicio -->
        <div id="modalEditarServicio" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>Editar servicio</h3>
            </div>
            <form id="formEditarServicio" action="<?= base_url() ?>productosyservicios/editarservicio/<?= $idCategoria ?>" method="POST" class="formBlockDisplay">
                <input id="idServicioEditar" name="idServicio" type="hidden">
                <div class="modal-body">
                    <div class="row-fluid">
                        <div class="span4 text-right">Nombre:</div>
                        <div class="span8"><input id="nombreServicioEditar" name="nombre" type="text" required></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Tarifa:</div>
                        <div class="span8"><input id="tarifaServicioEditar" name="tarifa" type="text" required></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4 text-right">Descripción:</div>
                        <div class="span8"><textarea id="descripcionServicioEditar" name="descripcion" rows="4"></textarea></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Enviar</button>
                </div>
            </form>
        </div>

        <!-- Modal eliminar producto -->
        <div id="modalEliminarServicio" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>Eliminar servicio</h3>
            </div>
            <form id="formEliminarServicio" action="<?= base_url() ?>productosyservicios/eliminarservicio/<?= $idCategoria ?>" method="POST" class="formBlockDisplay">
                <input id="idServicioEliminar" name="idServicio" type="hidden">
                <div class="modal-body">
                    ¿Esta seguro de eliminar esté servicio?
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Enviar</button>
                </div>
            </form>
        </div>
    <?php } ?>
</div>